/**
 * Shopware 4.0
 * Copyright © 2012 shopware AG
 *
 * According to our dual licensing model, this program can be used either
 * under the terms of the GNU Affero General Public License, version 3,
 * or under a proprietary license.
 *
 * The texts of the GNU Affero General Public License with an additional
 * permission and of our proprietary license can be found at and
 * in the LICENSE file you have received along with this program.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU Affero General Public License for more details.
 *
 * "Shopware" is a registered trademark of shopware AG.
 * The licensing of the program under the AGPLv3 does not imply a
 * trademark license. Therefore any rights, title and interest in
 * our trademarks remain entirely with us.
 *
 * @category   Shopware
 * @package    Shopware_Styling
 * @subpackage Forms
 * @copyright  Copyright (c) 2012, shopware AG (http://www.shopware.de)
 * @version    $Id$
 * @author shopware AG
 */
$input-color: #6c818f;

/** Default label after style */
.#{$prefix}form-cb-label-after {
	margin: 0 0 0 12px;
}

/** Default label style */
.#{$prefix}form-item-label {
	font-weight: bold;
	color: $font-color;
	margin-top: 5px;
    font-size: 11px;
}

/** Checkbox label style */
.#{$prefix}form-cb-label {
	color: $font-color;
	text-shadow: 0 1px 0 #fff;
}

/** Support text styling */
.#{$prefix}form-support-text, .#{$prefix}global-notice-text {
	color: #8698A3;
	font-size: 11px;
	font-style: italic;
	margin: 3px 0 0 3px;
	text-shadow: 0 1px 0 #fff;
}
.#{$prefix}global-notice-text {
    margin: 0 0 15px;
    font-size: 12px;
    line-height: 16px;
}

/** Help icon */
.#{$prefix}form-help-icon {
    background: url("") no-repeat;
    display: block;
    cursor: help;
    height: 16px;
    width: 17px;
    margin: 5px 0 0 8px;
    border: 0 none transparent !important;
    outline: 0 none transparent;
    vertical-align: middle;

    /** Help icon - Hover state */
    &:hover { background-position: 0 -17px }

}

/** Basic form item style - Needs to adjust for the different types of form elements */
td.#{$prefix}form-item-body {
	@include border-radius(3px);
	padding: 2px;
	background: darken(#dce1e5, 2%);
	display: block;

	.#{$prefix}form-field {
		@include border-radius(3px);
		//@include single-box-shadow(darken(#d4d9dc, 5%), 1px, 1px, 1px, false, true);
		@include form-item-focus;
		border-color: #a6b0b7;
		border-bottom-color: #d9dee2;
		border-right-color: #d9dee2;
		color: lighten($font-color, 15%);
		padding: 2px 6px;
		font-size: 11px;
		height: 24px;
		
		/** Styling the empty text */
		&::-webkit-input-placeholder { color: lighten($font-color, 35%) }
		&:-moz-placeholder { color: lighten($font-color, 35%) }			
	}
	textarea.#{$prefix}form-field {
		height: auto;
	}
}
/** Exceptions for the basic style */
td[id*=displayfield], td.#{$prefix}form-checkboxgroup-body {
	padding: 0 !important;
	background: transparent;
}
table[id*=hiddenfield] { display: none !important }

/** Disable the default border around check- and radioboxes */
td.#{$prefix}form-cb-wrap, td[id^=fieldcontainer] {
	@include border-radius(0);

	background: transparent;
}

/** Include the default widgets */
@import 'checkbox';
@import 'radiobox';
@import 'textfield';
@import 'combobox';
@import 'numberfield';
@import 'datefield';
@import 'timefield';
@import 'filefield';
@import 'slider';

/** Include our widgets */
@import 'boxselect';
@import 'mediaselection';
@import 'passwordstrength';
@import 'livearticlesearch';
@import 'codemirrorfield';
@import 'tinymce';
@import 'itemselector';